<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__ROOT__/static/admin/css/amazeui.css">
    <link rel="stylesheet" href="__ROOT__/static/admin/css/core.css">
</head>
<body>
<div class="content-page">
    <!-- Start content -->
    <div class="content">
        <div class="am-g">
            <!-- Row start -->
            <div class="am-u-md-3">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-30">社区统计</h4>
                    <div class="widget-chart-1 am-cf">
                        <div id="widget-chart-box-1" style="height: 110px;width: 110px;float: left;">
                        </div>
                        <div class="widget-detail-1" style="float: right;">
                            <h2 class="p-t-10 m-b-0"> {$res}</h2>
                            <p class="text-muted">社区详情</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- col end -->
            <div class="am-u-md-3">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-30">社区分析</h4>
                    <div class="widget-box-2">
                        <div class="widget-detail-2">
                            <span class="badge  pull-left m-t-20  am-round" style="color: #fff; background: #0e90d2;">32% <i class="zmdi zmdi-trending-up"></i> </span>
                            <h2 class="m-b-0"> 8451 </h2>
                            <p class="text-muted m-b-25">Revenue today</p>
                        </div>
                        <div class="am-progress am-progress-xs am-margin-bottom-0">
                            <div class="am-progress-bar" style="width: 80%"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- col end -->
            <div class="am-u-md-3">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-30">话题统计</h4>
                    <div class="widget-chart-1 am-cf">
                        <div id="widget-chart-box-2" style="height: 110px;width: 110px;float: left;">
                        </div>

                        <div class="widget-detail-1" style="float: right;">
                            <h2 class="p-t-10 m-b-0"> 256 </h2>
                            <p class="text-muted">今日收入</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- col end -->
            <div class="am-u-md-3">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-30">社区分析</h4>
                    <div class="widget-box-2">
                        <div class="widget-detail-2">
                            <span class="badge  pull-left m-t-20  am-round progress-bar-pink" style="color: #fff;">32% <i class="zmdi zmdi-trending-up"></i> </span>
                            <h2 class="m-b-0"> 8451 </h2>
                            <p class="text-muted m-b-25">Revenue today</p>
                        </div>
                        <div class="am-progress am-progress-xs am-margin-bottom-0" style="background: rgba(255, 138, 204, 0.2);">
                            <div class="am-progress-bar progress-bar-pink" style="width: 80%"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Row end -->
        </div>

        <div class="am-g">
            <!-- Row start -->
            <div class="am-u-md-4">
                <div class="card-box">
                    <h4 class="header-title m-t-0">环形图</h4>
                    <div id="index-pie-1" style="height: 345px;height: 300px;"></div>
                </div>
            </div>

            <div class="am-u-md-4">
                <div class="card-box">
                    <h4 class="header-title m-t-0">环形图</h4>
                    <div id="index-bar-1" style="height: 345px;height: 300px;"></div>
                </div>
            </div>

            <div class="am-u-md-4">
                <div class="card-box">
                    <h4 class="header-title m-t-0">环形图</h4>
                    <div id="index-line-1" style="height: 345px;height: 300px;"></div>
                </div>
            </div>
            <!-- Row end -->
        </div>
    </div>

</div>
</body>
</html>